<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公司新闻</title>
    <link rel="stylesheet" href="../css/top.css">   <!-- 公共 -->
    <link rel="stylesheet" href="../css/public.css">  <!--  公共 -->
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css">  <!-- 导航 -->
    <link rel="stylesheet" href="../css/news.css"><!-- 公共新闻 -->
    <link rel="stylesheet" href="../css/footer.css"><!-- 页脚 -->
    <link rel="stylesheet" href="../css/lunbotu.css">           <!--  轮播图 -->
    <script src="../lib/jquery-1.12.4.js"></script>
    <script src="../js/footer1.js"></script>
</head>
<body>
<!--顶部-->
<div class="top">
    <!--顶部板心-->
    <div class="zyq-top w">
        <!--顶部logo-->
        <div class="zyq-logo fl">
            <img src="../images/logo.png" alt="">
        </div>
        <!--顶部导航栏-->
        <div class="top-nav clearfix fl">
            <ul class="clearfix">
                <li><a href="../lh-home.html">首页</a></li>
                <li><a href="whereof.html">关于我们</a></li>
                <li><a href="hcy-gsxw.html">公司新闻</a></li>
                <li><a href="food.html">产品展示</a></li>
                <li><a href="tuandui.html">团队展示</a></li>
                <li><a href="zyq-lxwm.html">联系我们</a></li>
            </ul>
        </div>
        <!--顶部搜索框-->
        <div class="top-search fl clearfix">
            <input type="text" value="请输入关键词" id="topTxt" class="topTxt">
            <span id="topBtn"><i class="iconfont icon-sousuo"></i></span>
        </div>
        <script>
            $(function () {
                //注册输入框获得光标事件
                $('#topTxt').focus(function () {
                    //判断输入框里的内容是否和原来文本相同；是则清空
                    if ($('#topTxt').val() === '请输入关键词') {
                        $(this).val('');
                    }
                    ;
                });
                $('#topTxt').blur(function () {
                    //判断输入框里的内容是否为空，为空则回到初始文本，不为空则不改动里面的内容；
                    if ($('#topTxt').val() === '') {
                        $(this).val('请输入关键词');
                    }
                    ;
                });
                $('#topBtn').click(function () {
                    $('#topTxt').val('');
                })
            })
        </script>
        <!--购物车部分-->
        <div class="top-shop fl">
            <i class="iconfont icon-gouwuche"></i>
            <span>0</span>
        </div>
    </div>
</div>
<!-- 轮播图 -->

<script src="../lib/jquery-1.12.4.js"></script>
<script src="../js/jquery.SuperSlide.2.1.1.js"></script>

<script>
    $(function () {
        // effect 轮播图效果 fold:淡入淡出 || topLoop:上循环滚动 || leftLoop:左循环滚动;
        $(".slideBox").slide({mainCell: ".bd ul", autoPlay: true, effect: 'leftLoop'});
    });

</script>



<div id="slideBox" class="slideBox">
    <div class="hd">
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
    <div class="bd">
        <ul>
            <li><img src="../images/-1172.png" width="1920px"/>
                <div>

                    <h5>Make with love</h5>
                    <span>用心做</span>
                    <p>Green onion,ginger and farlic are</p>
                    <p>ChineseFavorite flavor of vegetables to say to in a day</p>
                    <p>Essential in the kitchen</p>
                    <a href="">OUR MENU</a>
                </div>
            </li>
            <li><img src="../images/-2028.png"  />
                <div class="bd-div2">
                    <h5>美食网站</h5>
                    <span>第六组</span>
                    <p>食为先</p>
                    <p>吃遍天下</p>
                    <p>民以食为天</p>
                    <p>唯独美食不可辜负</p>
                    <p>你值得拥有</p>
                </div>
            </li>
        </ul>
    </div>
</div>

<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
<a class="prev" href="javascript:void(0)"></a>
<a class="next" href="javascript:void(0)"></a>

</div>


<!-- 公司新闻 -->
<div class="hcy-news">
    <div class="hcy-gonssi">
        <h3>公司新闻</h3>
    </div>
    <!-- Company news -->
    <div class="hcy-Company">
        <p class="biaoti">Company news</p>
    </div>
    <!-- 横线 -->
    <div class="hcy-hxian">
        
    </div>
    </div>
    <!-- 介绍 -->
    <script src="../js/news.js"></script>
    <div class="hcy-Press">
    <div class="hcy-box">
     <ul class="hcy-tea">
         <li class="hcy-tea-1"><a href=""><img src="../images/-1451.jpg" height="100" width="116" alt=""></a></li>
         <li class="oe"><a href="#"><h3>白茶，是中国茶里的极简主义</h3></a></li>
         <li class="oe">提起茶叶，总会想到各种制作工艺带来的复杂风味，绿茶要杀青，红茶要发酵，普洱茶也要陈化之后才能入口……</li>
         <li class="oe">2017-06-18</li>
     </ul>
    </div>
    <div class="hcy-box">
     <ul class="hcy-tea">
         <li class="hcy-tea-1"><a href="#"><img src="../images/-1449.jpg" height="100" width="116" alt=""></a></li>
         <li class="oe"><a href="#"><h3>意大利、西班牙、希腊的橄榄油，到底有什么不同？</h3></a></li>
         <li class="oe">本着科普到底的责任心，这次决定，从种树到榨油，再从产区到搭配，一次性把最实用的橄榄油干货向你发射完毕!</li>
         <li class="oe">2017-06-18</li>
     </ul>
    </div>
    <div class="hcy-box">
     <ul class="hcy-tea">
         <li class="hcy-tea-1"><a href="#"><img src="../images/-1445.jpg" height="100" width="116" alt=""></a></li>
         <li class="oe"><a href="#"><h3>这块菠萝披萨名叫“夏威夷”，却诞生于加拿大</h3></a></li>
         <li class="oe">你没听过他的名字，但很有可能吃过他发明的一道菜——柔韧面饼铺满芝士，排上罐头菠萝，再缀以几片咸香火腿，看起来是黑暗料理，但吃起来……就跟菠萝咕咾肉相似，酸甜与咸香碰撞，有种奇妙的化学反应</li>
         <li class="oe">2017-06-18</li>
     </ul>
    </div>
    <div class="hcy-box">
     <ul class="hcy-tea">
         <li class="hcy-tea-1"><a href="#"><img src="../images/-1416.png" height="100" width="116" alt=""></a></li>
         <li class="oe"><a href="#"><h3>我们的深夜食堂，供应天南地北的夜宵、故事和脂肪</h3></a></li>
         <li class="oe">深夜十二点开门，菜单只有九道，这是企鹅编辑部为你而设的深夜食堂。你问有没有客人会来?客人还挺多的，天南海北都有</li>
         <li class="oe">2017-06-18</li>
     </ul>
    </div>
    </div>
<!-- 照片墙 -->
<div class="screenLayout">
    <div id="screen">
            <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
        </div>
    </div>
    <div id="bankImages">
        <img alt="" src="../images/1.jpg">
        <img alt="" src="../images/2.jpg">
        <img alt="" src="../images/3.jpg">
        <img alt="" src="../images/4.jpg">
        <img alt="" src="../images/5.jpg">
        <img alt="" src="../images/6.jpg">
        <img alt="" src="../images/7.jpg">
        <img alt="" src="../images/8.jpg">
        <img alt="" src="../images/9.jpg">
        <img alt="" src="../images/10.jpg">
        <img alt="" src="../images/11.jpg">
        <img alt="" src="../images/12.jpg">
        <img alt="" src="../images/13.jpg">
        <img alt="" src="../images/14.jpg">
        <img alt="" src="../images/15.jpg">
        <img alt="" src="../images/16.jpg">
    </div>
</div>
<script src="../js/3d-tv.js" type="text/javascript"></script>
<script type="text/javascript">
    /* ==== start script ==== */
    onresize = tv.resize;
    tv.init();
</script>
  <!-- 尾部 -->
  <script src="../js/footer.js"></script>
<div class="gzq-footer">
    <div class="gzq-footer-banxin">
        <div class="gzq-footer-dl">
            <dl>
                <dt>帮助中心</dt>
                <dd>订餐指南</dd>
                <dd>配送方式</dd>
                <dd>支付方式</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后反馈</dd>
                <dd>意见反馈</dd>
                <dd>手机版</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>了解我们</dd>
                <dd>联系我们</dd>
                <dd>管理后台</dd>
            </dl>
        </div>
        <div class="gzq-footer-right" >
            <div class="gzq-footer-erweima"><p> 扫码有惊喜</p><img src="../images/erweima.png" alt=""></div>
            <div class="gzq-footer-line"></div>
            <div class="gzq-footer-phone">
                <span class="gzq-footer-phonenumber"><a href="">400-xxx-0000</a></span>
                <span class="gzq-footer-phonetime">24小时在线</span>
            </div>
        </div>
        <div class="gzq-footer-banquan">
            <span>版权所有:<a href="">六组有限公司</a></span>
            <span>备案号:<a href="">传智313</a></span>
        </div>
<</div>
</div>
</body>
</html>